<template>
  <div>
    <van-nav-bar
      title="我的收藏"
      left-text=""
      right-text="编辑"
      left-arrow
      class="colnav"
      @click-left="onClickLeft"
      @click-right="onClickRight"
    />
    <van-tabs>
      <van-tab title="场馆">
        <ClubColletionVue />
      </van-tab>
      <van-tab title="教练">
        <ZhujiaoColletion />
      </van-tab>
      <van-tab title="视频">内容 3</van-tab>
      <van-tab title="商品">内容 4</van-tab>
    </van-tabs>
  </div>
</template>

<script>
import ClubColletionVue from "./ClubColletion.vue";
import ZhujiaoColletion from "./ZhujiaoColletion.vue";
export default {
  components: { ClubColletionVue,ZhujiaoColletion },
  methods: {
    onClickLeft() {
      this.$router.back();
    },
    onClickRight() {},
  },
};
</script>

<style scoped>
.colnav :deep(.van-nav-bar__right .van-nav-bar__text){
  color: #A9A9A9;
}
</style>